
<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>ShiShi AB</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all"/>
        <link href="css/icons.min.css" rel="stylesheet" type="text/css" media="all"/>
        <link href="css/flexslider.min.css" rel="stylesheet" type="text/css" media="all"/>
        <link href="css/theme-gumboot.css" rel="stylesheet" type="text/css" media="all"/>
        <link href="css/custom.css" rel="stylesheet" type="text/css" media="all"/>
        <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'>
        <link href="http://fonts.googleapis.com/css?family=Raleway:700,400,300" rel="stylesheet" type="text/css">
        <link href="css/font-raleway.css" rel="stylesheet" type="text/css">
    </head>

    <body>

				
		<div class="nav-container">
			
			
		
			<nav class="nav-1 dark overlay">
				<div class="navbar">
					<div class="container">
						<div class="row">
							<div class="col-md-3 col-sm-6 col-xs-4">
								<a href="index.html">
									<img class="logo" alt="Logo" src="img/logo_long.png">
								</a>
							</div>
					
							<div class="col-md-3 text-right col-sm-6 col-md-push-6 col-xs-8">
								
							</div>
					
							<div class="col-md-6 text-center col-md-pull-3 col-sm-12 col-xs-12">
								<ul class="menu">
									<li>
										<a class="inner-link" href="#home">
											Home
										</a>
									</li>
									
									<li>
										<a class="inner-link" href="#about">
											About
										</a>
									</li>
									
									<!-- <li>
										<a class="inner-link" href="#film">
											Demo
										</a>
									</li>
									 -->
									<li>
										<a class="inner-link" href="#team">
											Team
										</a>
									</li>

									<li>
										<a class="inner-link" href="#pricing">
											Offer
										</a>
									</li>
									
									<li>
										<a class="inner-link" href="#contact">
											Contact
										</a>
									</li>
							<!-- 
									<li class="has-dropdown">
										<a href="#">
											Pages
										</a>
										<ul class="subnav">
									
											<li class="has-dropdown">
												<a href="#">
													Demos
												</a>
												<ul class="subnav">
													<li>
														<a href="index.html">
															Classic
														</a>
													</li>
													
													<li>
														<a href="adventure.html">
															Tourism
														</a>
													</li>
													
													<li>
														<a href="agency.html">
															Agency
														</a>
													</li>
													
													<li>
														<a href="fitness.html">
															Fitness
														</a>
													</li>
													
													<li>
														<a href="cater.html">
															Catering
														</a>
													</li>
													
													<li>
														<a href="learning.html">
															Learning
														</a>
													</li>
												</ul>
											</li>
												
											<li>
												<a href="news.html">
													News
												</a>
											</li>
											
											<li>
												<a href="faq.html">
													FAQ
												</a>
											</li>
											
											<li>
												<a href="terms.html">
													Terms
												</a>
											</li>
												
										
										</ul>
									</li> -->
								</ul>
							</div>
				
						</div>
					</div>
				</div>
			</nav>
		
			
			
		
			
		
		</div>
		
		<div class="main-container">
					
			<a id="home" class="in-page-link"></a>
			
			<section class="header header-5 fixed-header">
				<div class="background-image-holder">
					<img alt="Background Image" class="background-image" src="img/model.jpg">
				</div>
				
				<div class="container">
					<div class="row">
						<div class="col-sm-12 text-center">
							<h1 class="text-white">Technology, made for the face.</h1>
							<h5 class="text-white">We helped Oriflame develop its flagship app Makeup Wizard, launched in 50+ countries, winning Best Mobile Award (Lifestyle) 2016.</h5>
						</div>
					</div>
				</div>
				
				<div class="modal-video-container">
					<div class="play-button large"></div>
					<div class="modal-video">
						<video controls="">
							<source src="video/oriflame.mp4" type="video/mp4">
						</video>
					</div>
				</div>
				
				<div class="form-holder">
					<form class="contained-form form-email" data-success="Thanks for your submission, we will be in touch shortly." data-error="Please fill all fields correctly.">
						<h6 class="text-white">Promotion video of Oriflame Makeup Wizard.</h6>
						<!-- <input type="text" name="name" class="signup-name-field validate-required" placeholder="Your Name">
						<input type="text" name="email" class="validate-required validate-email signup-email-field" placeholder="Email Address">
						<input type="submit" value="Keep me updated »">
						<p class="sub">
							* We don’t share your personal info with anyone.
						</p> -->
					</form>
				</div>			
			</section>
			
			<a id="about" class="in-page-link"></a>
			
			<section class="features features-1 bg-dark">
				<div class="container">

					<div class="row">
						<div class="col-md-10 col-md-offset-1 col-sm-10 col-sm-offset-1 text-center">
							<h3>Virtual Try-On</h3>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-12 text-center">
							<ul class="hover-gallery" speed="2000">
								<li>
									<img alt="Hover Item" src="img/tour2.jpg">
								</li>
								<li class="active">
									<img alt="Hover Item" src="img/tour3.jpg">
								</li>
								<li>
									<img alt="Hover Item" src="img/tour4.jpg">
								</li>
							</ul>
						</div>	
					</div>
				
					<div class="row">
						<div class="col-md-10 col-md-offset-1 col-sm-10 col-sm-offset-1 text-center">
							<p class="lead">
								With our lifelike Virtual Try-On technology, brands can let their customers try on makeup, eyewear, accessories and fun looks with nothing but phone camera.
								<br>Clients can integrate our Virtual Try-On SDK into existing apps, either e-commerce or popular social media / instant messaging platforms.</p>
						</div>
					</div>
				</div>
			</section>
			
			<a id="film" class="in-page-link"></a>
			
			<section class="features features-8 bg-dark bg-secondary">
				<div class="container">
					<div class="row">
						<div class="col-sm-12 text-center">
							<h3>Face Analysis</h3>
						</div>
					</div>
				
					<div class="row">
						<div class="col-sm-12 text-center">
							<img alt="Feature Image" src="img/age.jpg">		
						</div>
					</div>
				
					<div class="row">
						<div class="col-md-8 col-md-offset-2 col-sm-12 text-center">
							<h5>Age detection and skin diagnostics</h5>
							<p>Advanced facial analysis functions enable in-app age detection which can be used to lift the experience of apps such as selfie cameras. 
							<br>On the other hand, mobile skin diagnostics will transform the skincare industry.</p>
						</div>
					</div>
				</div>
			</section>
			
			<section class="cta cta-5">
				<div class="background-image-holder parallax">
					<img alt="Background Image" class="background-image" src="img/wizard_phone.jpg">
				</div>
			
				<div class="container">
					<div class="row">
						<div class="col-sm-12 text-center">
							<h2 class="text-white">End to end solution</h2>
							<h5 class="text-white">We provide streamlined process from ideation to the final product, including UI/UX, mobile app construction, backend, and integration with E-commerce and online payment systems.</h5>
						</div>
					</div>
				</div>
			</section>
			
			<a id="team" class="in-page-link"></a>
			
			<section class="features features-2 bg-secondary">
				<div class="container">
					<div class="row">
						<div class="col-md-10 col-md-offset-1 col-sm-12 text-center">
							<h4>Our experienced team</h4>
							<p></p>
						</div>
					</div>
				
					<div class="row">
						<div class="col-sm-1 feature">
							
						</div>

						<div class="col-sm-3 feature">
							<img alt="Feature Image" src="img/lingyu.jpg">
							<h5>Lingyu Wang</h5>
							<p>Ex-Spotify engineer. Passionate mobile developer and product innovator.</p>
						</div>
						<div class="col-sm-3 feature">
							
						</div>
					
						<div class="col-sm-3 feature">
							<img alt="Feature Image" src="img/mathias.jpg">
							<h5>Mathias Plank</h5>
							<p>Serial entrepreneur. Expert in business development, revenue creation and go-to market processes.</p>
						</div>
						<div class="col-sm-1 feature">
							
						</div>

<!-- 						<div class="col-sm-3 feature">
							<img alt="Feature Image" src="img/dynamo.jpg">
							<h5>Dynamo Digital Ventures</h5>
							<p>We are backed by one of the strongest team of mobile and backend/web developers in Nordics. </p>
						</div>
						<div class="col-sm-1 feature">
							
						</div> -->
					
						
					</div>
				</div>
			</section>
			
			<a id="pricing" class="in-page-link"></a>
			
			<section class="pricing pricing-5">
				<div class="container">
					<div class="row v-align-children">
						<div class="col-md-4 text-center">
							<div class="pricing-option">
								<h6>Flexible pricing model</h6>
								<div class="price-container">
									<span class="dollar">$</span>
									<span class="price">---</span>
								</div>
								<h5>SHISHI SDK</h5>
								<a href="mailto:info@shishiapp.com" class="btn btn-filled">Get a quote</a>	
							</div>
						</div>
					
						<div class="col-md-8">
							<div class="feature">
								<i class="icon-man-people-streamline-user"></i>
								<div class="inner">
									<h6>UI/UX</h6>
									<p>
										Design sprint + user test. Personalized look and feel.</p>
								</div>
							</div>
						
							<div class="feature">
								<i class="icon-iphone-streamline"></i>
								<div class="inner">
									<h6>Mobile frontend</h6>
									<p>
										iOS and Android, or React Native for the non-CG part.</p>
								</div>
							</div>
						
							<div class="feature">
								<i class="icon-database-streamline"></i>
								<div class="inner">
									<h6>Product API</h6>
									<p>
										From minimal product data backend, to integration with complex enterprise product system.</p>
								</div>
							</div>
						
							<div class="feature">
								<i class="icon-caddie-shopping-streamline"></i>
								<div class="inner">
									<h6>E-commerce integration</h6>
									<p>
										Shopping cart and online payment.</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			
<!-- 			<section class="testimonials testimonials-4">
				<div class="slider">
					<ul class="slides">
						<li>
							<div class="container">
								<div class="row">
									<div class="col-md-10 col-md-offset-1 col-sm-12 text-center">
										<h4>"Everything about my Launchcamp experience went beyond my expectations.</h4>
										<img alt="Avatar" src="img/avatar-3.png">
										<p>
											<em>— Jesse Ware, Devotion</em>
										</p>
									</div>
								</div>
							</div>
						</li>
					
						<li>
							<div class="container">
								<div class="row">
									<div class="col-md-10 col-md-offset-1 col-sm-12 text-center">
										<h4>"Just an incredible, unforgettable experience."</h4>
										<img alt="Avatar" src="img/avatar-1.png">
										<p>
											<em>— Jon Hopkins, Immunity</em>
										</p>
									</div>
								</div>
							</div>
						</li>
					
						<li>
							<div class="container">
								<div class="row">
									<div class="col-md-10 col-md-offset-1 col-sm-12 text-center">
										<h4>"I never thought I'd be cliff diving deep in the jungle - but there I was!"</h4>
										<img alt="Avatar" src="img/avatar-2.png">
										<p>
											<em>— Will Saul, CLOSE</em>
										</p>
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</section> -->
			
			<section class="features features-14 no-pad bg-dark bg-secondary">
				<div class="container">
					<div class="row v-align-children">
						<div class="col-md-6 col-sm-6">
							<h4><br>Face tracking based <br>technology is the future</h4>
							<p class="lead">
								Beyond virtual try-on and social media, 
								<br> face tracking based technology has wide application
								<br> in gaming, health care, security and so on.
								<br> We are only at the beginning of a long and exciting
								<br> journey...</p>
							<!-- <a class="btn btn-filled super-action" href="#">I'll get packing</a> -->
						</div>
					
						<div class="col-md-6 col-sm-6">
							<img alt="Cinema Display" src="img/journey.jpg">
						</div>
					</div>
				</div>
			</section>
					

			<a id="contact" class="in-page-link"></a>
			
					
			<footer class="footer footer-5 bg-dark">
				<div class="container">
					<div class="row">
						<div class="col-sm-12 text-center">
							<img alt="Logo" src="img/logo_long.png">
							<p class="lead">Let us know your need and idea!</p>
							<a class="btn btn-filled" href="mailto:info@shishiapp.com">Contact us</a>
						</div>
					</div>
				
					<div class="row">
						<div class="col-sm-12 text-center">
							<div class="lower">
								<p class="sub">
									© Copyright 2016 ShiShi AB - All Rights Reserved
								</p>	
							</div>
						</div>
					</div>
				</div>
			</footer>
		</div>
		
				
		<script src="js/jquery.min.js"></script>
        <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
		<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/ScrollToPlugin.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/flexslider.min.js"></script>
        <script src="js/smooth-scroll.min.js"></script>
        <script src="js/placeholders.min.js"></script>
        <script src="js/twitterfetcher.min.js"></script>
                <script src="js/spectragram.min.js"></script>
		<script src="js/parallax.js"></script>
        <script src="js/scripts.js"></script>
    </body>
</html>

				